<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org" >
<head>
	<meta charset="UTF-8">
	<title>受理数据</title>
	<meta name="renderer" content="webkit">
	<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
	<meta http-equiv="Access-Control-Allow-Origin" content="*">
	<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
	<meta name="apple-mobile-web-app-status-bar-style" content="black">
	<meta name="apple-mobile-web-app-capable" content="yes">
	<meta name="format-detection" content="telephone=no">
	<link rel="icon" th:href="@{/resources/favicon.ico}">
	<link rel="stylesheet" th:href="@{/resources/layui/css/layui.css}" media="all"/>
	<!-- 	<link rel="stylesheet" href="/resources/layui/css/layui.css" media="all" /> -->
	<link rel="stylesheet" th:href="@{/resources/css/public.css}" media="all"/>
</head>
<body class="childrenBody">
<!-- 查询条件开始 -->
<fieldset class="layui-elem-field layui-field-title" style="margin-top: 5px;">
	<legend>查询条件</legend>
</fieldset>
<blockquote class="layui-elem-quote">
	<form action="" method="post" id="searchFrm" lay-filter="searchFrm" class="layui-form-pane">
<!--		<div class="layui-form-item">-->
<!--			<div class="layui-inline">-->
<!--				<label class="layui-form-label">受理名称</label>-->
<!--				<div class="layui-input-inline">-->
<!--					<input type="text" name="title" autocomplete="off" class="layui-input">-->
<!--				</div>-->
<!--			</div>-->
<!--			<div class="layui-inline">-->
<!--				<label class="layui-form-label">提交人</label>-->
<!--				<div class="layui-input-inline">-->
<!--					<input type="text" name="opername" autocomplete="off" class="layui-input">-->
<!--				</div>-->
<!--			</div>-->
<!--			<div class="layui-inline">-->
<!--				<label class="layui-form-label">起始时间</label>-->
<!--				<div class="layui-input-inline">-->
<!--					<input type="tel" name="startTime" id="startTime" readonly="readonly" placeholder="yyyy-MM-dd HH:mm:ss" class="layui-input">-->
<!--				</div>-->
<!--			</div>-->
<!--			<div class="layui-inline">-->
<!--				<label class="layui-form-label">结束时间</label>-->
<!--				<div class="layui-input-inline">-->
<!--					<input type="tel" name="endTime"  id="endTime"  readonly="readonly" placeholder="yyyy-MM-dd HH:mm:ss" class="layui-input">-->
<!--				</div>-->
<!--			</div>-->
<!--		</div>-->
<!--		<div class="layui-form-item">-->
<!--			<div class="layui-input-block" style="text-align: center;margin-left: 0px">-->
<!--				<button type="button" class="layui-btn" lay-submit="" lay-filter="doSearch"><span class="layui-icon layui-icon-search"></span>查询</button>-->
<!--				<button type="reset" class="layui-btn layui-btn-warm"><span class="layui-icon layui-icon-refresh-1"></span>重置</button>-->
<!--			</div>-->
<!--		</div>-->
		<h2>建设中...</h2>
	</form>
</blockquote>
<!-- 查询条件结束-->


<!-- 数据表格开始 -->
<div>
	<table class="layui-hide" id="siteTable" lay-filter="siteTable"></table>
	<div id="siteToolBar" style="display: none;">
		<button type="button"  lay-event="add" class="layui-btn layui-btn-sm"><span class="layui-icon layui-icon-add-1"></span>添加受理</button>
		<button type="button"  lay-event="batchDelete" class="layui-btn layui-btn-sm layui-btn-danger"><span class="layui-icon layui-icon-delete"></span>批量删除</button>
	</div>
	<div id="siteRowBar" style="display: none;">
		<button type="button" lay-event="update" class="layui-btn layui-btn-sm"><span class="layui-icon layui-icon-edit"></span>更新</button>
		<button type="button" lay-event="delete" class="layui-btn layui-btn-sm layui-btn-danger"><span class="layui-icon layui-icon-delete"></span>删除</button>
	</div>
</div>
<!-- 数据表格结束 -->


<!-- 添加和修改的弹出层开始 -->
<div style="display: none;padding: 5px" id="addOrUpdateDiv">
	<form action="" method="post" class="layui-form layui-form-pane" id="dataFrm" lay-filter="dataFrm">
		<div class="layui-form-item">
			<label class="layui-form-label" style="display: inline-block;width: 130px">受理名称</label>
			<div class="layui-input-block" style="display: inline-block;float: left;margin-left: 0px;">
				<input type="text" name="sSitename" lay-verify="required" autocomplete="off" placeholder="请输入受理名称" class="layui-input">
			</div>
		</div>
		<div class="layui-form-item">
			<label class="layui-form-label" style="display: inline-block;width: 130px">联系人</label>
			<div class="layui-input-block" style="display: inline-block;float: left;margin-left: 0px;">
				<input type="text" name="sCustomer" lay-verify="required" autocomplete="off" placeholder="请输入联系人" class="layui-input">
			</div>
		</div>
		<div class="layui-form-item">
			<label class="layui-form-label" style="display: inline-block;width: 130px">联系方式</label>
			<div class="layui-input-block" style="display: inline-block;float: left;margin-left: 0px;">
				<input type="text" name="sTelephone" lay-verify="required" autocomplete="off" placeholder="请输入联系方式" class="layui-input">
			</div>
		</div>
		<div class="layui-form-item">
			<label class="layui-form-label" style="display: inline-block;width: 130px">省份</label>
			<div class="layui-input-block" style="display: inline-block;float: left;margin-left: 0px;">
				<input type="text" name="sProvince" lay-verify="required" autocomplete="off" placeholder="请输入省份" class="layui-input">
			</div>
		</div>
		<div class="layui-form-item">
			<label class="layui-form-label" style="display: inline-block;width: 130px">城市</label>
			<div class="layui-input-block" style="display: inline-block;float: left;margin-left: 0px;">
				<input type="text" name="sCity" lay-verify="required" autocomplete="off" placeholder="请输入城市" class="layui-input">
			</div>
		</div>
		<div class="layui-form-item">
			<label class="layui-form-label" style="display: inline-block;width: 130px">受理数量</label>
			<div class="layui-input-block" style="display: inline-block;float: left;margin-left: 0px;">
				<input type="text" name="sSitenum" lay-verify="required" autocomplete="off" placeholder="请输入受理数量" class="layui-input">
			</div>
		</div>
		<div class="layui-form-item">
			<label class="layui-form-label" style="display: inline-block;width: 130px">部署方式</label>
			<div class="layui-input-block" style="display: inline-block;float: left;margin-left: 0px;">
				<input type="text" name="sDeployment" lay-verify="required" autocomplete="off" placeholder="请输入部署方式" class="layui-input">
			</div>
		</div>
		<div class="layui-form-item">
			<label class="layui-form-label" style="display: inline-block;width: 130px">95A2版本</label>
			<div class="layui-input-block" style="display: inline-block;float: left;margin-left: 0px;">
				<input type="text" name="s95a2V" lay-verify="required" autocomplete="off" placeholder="请输入95A2版本" class="layui-input">
			</div>
		</div>
		<div class="layui-form-item">
			<label class="layui-form-label" style="display: inline-block;width: 130px">9511版本</label>
			<div class="layui-input-block" style="display: inline-block;float: left;margin-left: 0px;">
				<input type="text" name="s9511V" lay-verify="required" autocomplete="off" placeholder="请输入9511版本" class="layui-input">
			</div>
		</div>
		<div class="layui-form-item">
			<label class="layui-form-label" style="display: inline-block;width: 130px">中心数据库版本</label>
			<div class="layui-input-block" style="display: inline-block;float: left;margin-left: 0px;">
				<input type="text" name="sCenterdbV" lay-verify="required" autocomplete="off" placeholder="请输入中心数据库版本" class="layui-input">
			</div>
		</div>
		<div class="layui-form-item">
			<label class="layui-form-label" style="display: inline-block;width: 130px">油站数据库版本</label>
			<div class="layui-input-block" style="display: inline-block;float: left;margin-left: 0px;">
				<input type="text" name="sOildbV" lay-verify="required" autocomplete="off" placeholder="请输入油站数据库版本" class="layui-input">
			</div>
		</div>
		<div class="layui-form-item">
			<div class="layui-input-block" style="text-align: center;margin-left: 0px">
				<button type="button" class="layui-btn" lay-submit="" id="doSubmit" ><span class="layui-icon layui-icon-add-1"></span>确认</button>
				<button type="reset" class="layui-btn layui-btn-warm"><span class="layui-icon layui-icon-refresh-1"></span>重置</button>
			</div>
		</div>
	</form>
</div>
<!-- 添加和修改的弹出层结束 -->

<script type="text/javascript" th:src="@{/resources/layui/layui.js}"></script>
<script type="text/javascript">
	layui.use(['jquery','form','table','layer','laydate','layedit'],function(){
		var $=layui.jquery;
		var form=layui.form;
		var table=layui.table;
		var layer=layui.layer;
		var laydate=layui.laydate;
		var layedit=layui.layedit;
		//初始化时间选择器
		laydate.render({
			elem:'#startTime',
			type:'datetime'
		});
		laydate.render({
			elem:'#endTime',
			type:'datetime'
		});

		//初始化富文本
		var editIndex = layedit.build('content');
		//加载 数据
		var tableIns=table.render({
			elem: '#siteTable'
			,url:'/notice/loadAllNotice'
			,toolbar: '#siteToolBar' //开启头部工具栏，并为其绑定左侧模板
			,title: '受理数据'
			,height:'full-230'
			,page: true
			,cols: [ [
				{type: 'checkbox', fixed: 'left'}
				,{field:'id', title:'ID',align:'center',width:'50'}
				,{field:'ncustomer', title:'客户名称',align:'center',width:'180'}
				,{field:'nsitename', title:'站点名称',align:'center',width:'100'}
				,{field:'nproduct', title:'产品系列',align:'center',width:'100'}
				,{field:'naddress', title:'省份',align:'center',width:'80'}
				,{field:'ntitle', title:'问题类型',align:'center',width:'140'}
				,{field:'ncontent', title:'问题描述',align:'center',width:'210'}
				,{field:'nsolvecontent', title:'解决方案',align:'center',width:'210'}
				,{field:'nopername', title:'负责人',align:'center',width:'100'}
				,{field:'ncreatetime', title:'创建时间',align:'center',width:'160'}
				,{field:'ncompletetime', title:'解决时间',align:'center',width:'160'}
				,{fixed: 'right', title:'操作', toolbar: '#siteRowBar',align:'center',width:'250'}
			] ]
		});

		//模糊查询
		form.on("submit(doSearch)",function(data){
			tableIns.reload({
				where:data.field,
				page:{
					curr:1
				}
			});
			return false;
		});

		//监听工具条的事件
		table.on("toolbar(siteTable)",function(obj){
			switch(obj.event){
				case 'batchDelete':
					batchDelete();
					break;
				case 'add':
					openAddLayer();
					break;
			};
		});

		//监听行工具条的事件
		table.on("tool(siteTable)",function(obj){
			var data = obj.data; //获得当前行数据
			switch(obj.event){
				case 'update':
					openUpdateNoticeLayer(data);
					break;
				case 'delete':
					deleteNotice(data);
					break;
				case 'show':
					showNotice(data);
					break;
			};
		});

		var mainIndex;
		var url;
		//打开添加的弹出层
		function openAddLayer(){
			mainIndex=layer.open({
				type:1,
				content:$("#addOrUpdateDiv"),
				area:['400px','740px'],
				title:'添加受理',
				success:function(){
					$("#dataFrm")[0].reset();
					url="/site/addSite";
				}
			});
		}

		//打开修改的弹出层
		function openUpdateNoticeLayer(data){
			mainIndex=layer.open({
				type:1,
				content:$("#addOrUpdateDiv"),
				area:['400px','740px'],
				title:'修改受理',
				success:function(){
					//清空子页面原有数据
					$("#dataFrm")[0].reset();
					//装载新的数据
					form.val("dataFrm",data);
					layedit.setContent(editIndex,data.content);
					url="/site/updateSite";
				}
			});
		}
		$("#doSubmit").click(function(){
			layedit.sync(editIndex);
			var data=$("#dataFrm").serialize();
			$.post(url,data,function(res){
				if(res.code==200){
					tableIns.reload();
				}
				layer.msg(res.msg);
				layer.close(mainIndex);
			})
		})
		//删除
		function deleteNotice(data){
			layer.confirm('你确定要删除【'+data.ssitename+'】这条受理吗?', {icon: 3, title:'提示'}, function(index){
				$.post("/site/deleteSite",{id:data.id},function(res){
					if(res.code==200){
						tableIns.reload();
					}
					layer.msg(res.msg);
				})
				layer.close(index);
			});
		}

		//批量删除
		function  batchDelete(){
			//得到选中行
			var checkStatus = table.checkStatus('siteTable');
			var dataLength=checkStatus.data.length;
			if(dataLength>0){
				layer.confirm('你确定要删除这些受理数据吗?', {icon: 3, title:'提示'}, function(index){
					var data=checkStatus.data; //获取选中行的数据
					var ids="";
					$.each(data,function(index,item){
						if(index==0){
							ids+="ids="+item.id;
						}else{
							ids+="&ids="+item.id;
						}
					})
					$.post("",ids,function(res){
						if(res.code==200){
							tableIns.reload();
						}
						layer.msg(res.msg);
					})
					layer.close(index);
				});
			}else{
				layer.msg("请选中操作行")
			}
		}

		//弹出查看层
		function showNotice(data){
			mainIndex=layer.open({
				type:1,
				content:$("#showSiteDiv"),
				area:['700px','500px'],
				title:'查看受理',
				success:function(){
					$("#show_title").html(data.title);
					$("#show_opername").html(data.opername);
					$("#show_createtime").html(data.createtime);
					$("#show_content").html(data.content);
				}
			});
		}
	});
</script>
</body>
</html>
